<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>直播互动</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
    <script th:src="@{/js/jquery-2.2.3.min.js}" charset="utf-8"></script>

    <link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/favicon.ico}"/>

    <script>


        function change(title) {

            var url = "";
            switch (title) {

                // case  "带货":
                //     url = "/support/programlist/"+title;
                //     break;
                // case  "活动":
                //     url = "/support/programlist/"+title;
                //     break;
                // case  "文艺演出":
                //     url = "/support/programlist/"+title;
                //     break;
                // case  "体育赛事":
                //     url = "/support/programlist/"+title;
                //     break;
                // case  "其他":
                //     url = "/support/programlist/"+title;
                //     break;
                //
                //
                //
                //
                //
                //
                //
                //
                //
                //
                //
                //
                //
                case  "用户数据分析":
                    url = "/hudong/userchart";
                    break;
                case  "流量数据分析":
                    url = "/hudong/flowchart";
                    break;
                case  "调查数据分析":
                    url = "/hudong/lotterychart";
                    break;
                case  "互动调查":
                    url = "/hudong/question";
                    break;
                case  "抽奖模块":
                    url = "/hudong/lotterydraw";
                    break;
                case  "用户管理":
                    url = "/support/userlist";
                    break;


                // default:
                //     url = "/videomanagement/videolist/" + title;
                //     break;
            }
            $("iframe").attr('src', url);

        }


    </script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">直播互动</div>

    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;" >互动调查</a>

                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" onclick="change('互动调查')">互动调查</a></dd>
                        <dd><a href="javascript:;" onclick="change('抽奖模块')">抽奖模块</a></dd>

                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;" >数据分析</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" onclick="change('调查数据分析')">调查数据分析</a></dd>
                        <dd><a href="javascript:;" onclick="change('流量数据分析')">流量数据分析</a></dd>
                        <dd><a href="javascript:;" onclick="change('用户数据分析')">用户数据分析</a></dd>

                    </dl>

                </li>








                <!--                <li class="layui-nav-item layui-nav-itemed">-->
                <!--                    <a class="" href="javascript:;">账户管理</a>-->
                <!--                    <dl class="layui-nav-child">-->
                <!--                        <dd><a href="javascript:;" onclick="change('用户管理')">用户管理</a></dd>-->
                <!--                    </dl>-->

                <!--                </li>-->











            </ul>
        </div>
    </div>

    <div class="layui-body">
<!--        <iframe src="/hudong/welcome" name="i" id="urlIframe" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onload="reinitIframe()"></iframe>-->
        <iframe  src="/hudong/welcome" frameborder="0" id="demoAdmin" style="width: 100%; height: 100%;"></iframe>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->

    </div>
</div>

<script>
   
    //JavaScript代码区域
    layui.use(['element', 'jquery'], function () {
        var element = layui.element, $ = layui.jquery;
        $(".menu_three").on("click", function () {
            $(this).next().toggle();
            $.each($(this).parent().siblings(), function (i, e) {
                $(e).find("ol").hide();
                ;
            });
        })
        $("ol").on("click", "li a", function () {
            $.each($(this).parent().siblings(), function (i, e) {
                $(e).find("a").removeClass('three_this')
            });
            $(this).addClass('three_this'); // 添加当前元素的样式
        })
    });


</script>
</body>
</html>